<!doctype html>

<html>

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

  <title>Basis Calendar</title>

  <link rel="stylesheet" type="text/css" title="Default Style" href="../../style/calendar/default/style.css" media="screen" />
  <link rel="stylesheet" type="text/css" title="Default Style" href="../../style/button/new/style.css" media="screen" />

  <style type="text/css" id="demo-css">
    BODY, HTML
    {
      font-size: small;
      font-family: Tahoma, Verdana, Arial, sans-serif;
    }
  </style>

  <!--[if lt IE 7]>
  <link rel="stylesheet" type="text/css" title="Default Style" href="../../style/calendar/vista/style_ie.css" media="screen" />
  <style type="text/css">
    BODY
    {
      font-size: x-small;
    }
  </style>
  <![endif]-->
  
  <script type="text/javascript" basis-config="{}" src="../../src/basis.js"></script>

  <script type="text/javascript" src="../demo.js"></script>
</head>

<body>
  <h1>Basic demos: Calendar</h1>
  
  <p id="demo-summary">
    ..
  </p>
  <div id="demo-description">
    ..
  </div>

  <div id="demo-container"></div>

  <script type="text/javascript" id="demo-javascript">
    basis.require('basis.l10n');
    basis.require('basis.ui.button');
    basis.require('basis.ui.calendar');

    new basis.ui.button.ButtonPanel({
      container: basis.dom.get('demo-container'),
      childNodes: [null].concat(basis.l10n.getCultureList()).map(function(culture){
        return {
          caption: culture || 'Default (English)',
          click: function(){
            basis.l10n.setCulture(culture);
          }
        }
      })
    });

    var calendar = new basis.ui.calendar.Calendar({
      container: basis.dom.get('demo-container'),
      sections: ['Month', 'Year', 'YearDecade']
    });

    var calendar2 = new basis.ui.calendar.Calendar({
      container: basis.dom.get('demo-container'),
      sections: ['Year', 'YearDecade']
    });

  </script>
</body>

</html>